<template>

    <el-menu
    default-active="2"
    class="el-menu-vertical-demo"
    router
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b">
    <el-submenu index="1">
      <template slot="title">
        <i class="el-icon-location"></i>
        <span>系统管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="user">用户管理</el-menu-item>
        <el-menu-item index="role">角色管理</el-menu-item>
        <el-menu-item index="menu">菜单管理</el-menu-item>
      </el-menu-item-group>
      
    </el-submenu>

    <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>导航22222222</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="2-1">选项2-1</el-menu-item>
          <el-menu-item index="2-2">选项2-2</el-menu-item>
        </el-menu-item-group>
        
      </el-submenu>
   
  </el-menu>


</template>

<script>

    export default {

        name:'Menu',
        data(){
            return {

            }
        },
        methods:{

        }


    }


</script>